<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<style>
	.id{
		width:0;
		height:0;
		border-width: 60px;
		border-top-width:0px;
		border-style:solid;
		border-color:blue transparent ;
		margin:0 auto;
	}
	.id1{
		border-width:180px;
		border-top-width:0px;
	}
	.id2{
		border-width:30px;
		border-bottom-width:150px;
		border-top-width:0px;
		border-color:;
	}
	.id3{
		width:20px;
		height:280px;
		margin:0 auto;
		background-color:red;
	}

</style>
<body>
	<div class="id"></div>
	<div class=" id id1"></div>
	<div class=" id id2"></div>
	<div class="id3"></div>

</body>
</html>